<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>铺货单详情</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>body{background-color:#fff;}.table{margin:0 20px;}.table table{border:none}.table table>thead{border:1px solid #ddd}</style>
	</head>

	<body>
		<div class="table">
			<input type="hidden" value="" id="pageNo"  />
						<div class="tablelist">
							<table>
								<thead>
									<tr>
										<th>铺货单号</th>
								<!--		<th>铺货来源</th>-->
										<th>销售地区</th>
										<th>活动</th>
										<th>铺货数量</th>
										<th>扫码数量</th>
										<th>创建时间</th>
									</tr>
								</thead>
								<tbody id="itemContainer">
									<tr>
										<td>
											<p class="text-ellipsis">S20161109264685</p>
										</td>
										<!--<td>
											<p>这里是铺货单来源</p>
										</td>-->
										<td>
											<p class="text-ellipsis">安徽省合肥市</p>
										</td>
										<td>
											<p class="text-ellipsis">劲酒抽红包送豪礼</p>
										</td>
										<td>
											<p class="text-ellipsis">156000</p>
										</td>
										<td>
											<p class="text-ellipsis">52000</p>
										</td>
										<td>
											<p>2016-08-09 20:09:21</p>
										</td>
									</tr>

									<tr>
										<td>
											<p class="text-ellipsis">S20161109264685</p>
										</td>
										<!--<td>
											<p>这里是铺货单来源</p>
										</td>-->
										<td>
											<p class="text-ellipsis">安徽省合肥市</p>
										</td>
										<td>
											<p class="text-ellipsis">劲酒抽红包送豪礼</p>
										</td>
										<td>
											<p class="text-ellipsis">156000</p>
										</td>
										<td>
											<p class="text-ellipsis">52000</p>
										</td>
										<td>
											<p>2016-08-09 20:09:21</p>
										</td>
									</tr>

									<tr>
										<td>
											<p class="text-ellipsis">S20161109264685</p>
										</td>
										<!--<td>
											<p>这里是铺货单来源</p>
										</td>-->
										<td>
											<p class="text-ellipsis">安徽省合肥市</p>
										</td>
										<td>
											<p class="text-ellipsis">劲酒抽红包送豪礼</p>
										</td>
										<td>
											<p class="text-ellipsis">156000</p>
										</td>
										<td>
											<p class="text-ellipsis">52000</p>
										</td>
										<td>
											<p>2016-08-09 20:09:21</p>
										</td>
									</tr>

								</tbody>
							</table>
						</div>

						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
						</div>

					</div>
	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>

	<script>
		$(function() {
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 10,
				totalNumber = 50;
				pageObj.pageNoObj = $('#pageNo');
			pageObj.submitFun = function() {
					var currentPage=pageObj.pageNoObj.val(); //这个是当前页的页码
			}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');
		 
		})
	</script>

</html>